<template lang="pug">
  div(class="m-dialog" v-show="visible" :style="styleObject")
    .wrap
      .title 查看
        i(class="el-icon-close" @click="hide")
      .content
        .content-item
          .content-item-title 输入参数
          el-table( :data="tableData" border style="width: 100%")
            el-table-column(prop="name" label="参数名")
            el-table-column(prop="format" label="格式")
            el-table-column(prop="isrequire" label="是否必填")
            el-table-column(prop="constraint" label="约束" width="350")
            el-table-column(prop="desc" label="备注")
        .content-item
          .content-item-title 输出参数
          el-table( :data="tableData" border style="width: 100%")
            el-table-column(prop="name" label="参数名")
            el-table-column(prop="format" label="格式")
            el-table-column(prop="isrequire" label="是否必填")
            el-table-column(prop="constraint" label="约束" width="350")
            el-table-column(prop="desc" label="备注")
      .footer
        el-button(@click="hide") 取消
</template>
<script>
import popupMixin from '@/mixins/popup'
console.log('--')
let data = [{ name: 'name', format: 'varchar(14)', isrequire: 'true', constraint: '支持中文、数字、英文和“-”，不超过14个字符', desc: '多条参数' }]
for (let i = 0; i < 2; i++) {
  data.push(data[0])
}
export default {
  name: 'flowParams',
  mixins: [popupMixin],
  data () {
    return {
      tableData: data
    }
  },
  methods: {
  }
}
</script>
<style lang="stylus" scoped>
.m-dialog
  position fixed
  top 0
  bottom 0
  left 0
  right 0
  background rgba(0,0,0,.5)
  font-size 14px
  color #666
  z-index 2020
  .wrap
    width: 962px;
    height: 517px;
    background-color: #ffffff;
    box-shadow: 0px 1px 10px 0px rgba(1, 12, 32, 0.35);
    border-radius: 3px;
    margin 100px auto 0
    position relative
    .title
      background-color #f0f0f0
      height 40px
      line-height @height
      padding 0 19px
      i
        display block
        float right
        margin-top 16px
        cursor pointer
    .content
      padding 0 20px
      .content-item
        .content-item-title
          height 40px
          line-height @height
        .el-table
          >>>
            td
            th
              padding 4px 0 !important
            th
              background #f5f9fe
    .footer
      position absolute
      height 66px
      bottom 0
      left 21px
      width 920px
      text-align right
      line-height @height
      border-top 1px dotted  #cccccc

</style>
